<!DOCTYPE html>
<html>

<head>
    <#import "../common/common.macro.ftl" as netCommon>
    <title>艺术上海 - ARTPLUS SHANGHAI</title>
    <meta charset="utf-8" />
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>


    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/artist/index.css" rel="stylesheet"/>
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>


</head>

<body>
<@netCommon.commonHeader "艺术机构" menu i18n/>

<div id="owl-demo" class="owl-carousel"  style="margin-top: 110px;background-image:url(${exArtistBanner.img1!''})">

</div>
<div class="" style="background-color: #3b3b3b; height: 80px; display: flex; align-items: center; ">
    <div  style="width: 960px; height: 44px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start">
        <input id="art-search-input" type="" style="height: 44px;color: #fff; width: 880px; border: 0px; padding: 0px 10px; background-color: #2b2b2b" placeholder="搜索艺术家名称，查看他的作品"/><div class="" style="height: 44px;width: 80px; text-align: center; color: #999; line-height: 44px;cursor: pointer; background-color: #1b1b1b" id="art-search">搜索</div>
    </div>
</div>

<section class="container" style="width: 1200px">
    
    <section class="artist-title">
        <div class="header">
            艺术家索引
        </div>
        <div class="artist-index">
            <a href="/artist/index?nameFirstPy=A">A</a>
            <a href="/artist/index?nameFirstPy=B">B</a>
            <a href="/artist/index?nameFirstPy=C">C</a>
            <a href="/artist/index?nameFirstPy=D">D</a>
            <a href="/artist/index?nameFirstPy=E">E</a>
            <a href="/artist/index?nameFirstPy=F">F</a>
            <a href="/artist/index?nameFirstPy=G">G</a>
            <a href="/artist/index?nameFirstPy=H">H</a>
            <a href="/artist/index?nameFirstPy=I">I</a>
            <a href="/artist/index?nameFirstPy=J">J</a>
            <a href="/artist/index?nameFirstPy=K">K</a>
            <a href="/artist/index?nameFirstPy=L">L</a>
            <a href="/artist/index?nameFirstPy=M">M</a>
            <a href="/artist/index?nameFirstPy=N">N</a>
            <a href="/artist/index?nameFirstPy=O">O</a>
            <a href="/artist/index?nameFirstPy=P">P</a>
            <a href="/artist/index?nameFirstPy=Q">Q</a>
            <a href="/artist/index?nameFirstPy=R">R</a>
            <a href="/artist/index?nameFirstPy=S">S</a>
            <a href="/artist/index?nameFirstPy=T">T</a>
            <a href="/artist/index?nameFirstPy=U">U</a>
            <a href="/artist/index?nameFirstPy=V">V</a>
            <a href="/artist/index?nameFirstPy=W">W</a>
            <a href="/artist/index?nameFirstPy=X">X</a>
            <a href="/artist/index?nameFirstPy=Y">Y</a>
            <a href="/artist/index?nameFirstPy=Z">Z</a>
            <a href="/artist/index">#</a>

        </div>

        <div class="">

        </div>
        <#list data.data as list>
        <div class="artist-title">艺术家（${list.nameFirstPy!''}）</div>
        <div class="artist-item" style="padding-bottom: 50px">

            <#list list.artists as item>
            <a href="/artist/detail?artistNo=${item.artistNo}">
                <div class="item">
                    <#if item.headImg?length gt 1>
                    <img  src="${item.headImg!''}" style="object-fit: cover"><span>${item.name}</span>
                    <#else>
                    <img src="https://img.artplussh.com/87e2cf72-27c1-4094-913a-fa6b3a5694ab900c2694a6cf33ab?w=359&h=361&a=359:361"
                                       style="object-fit: cover"><span>${item.name}</span>
                    </#if>
                </div>
            </a>
            </#list>

          </div>
        </#list>
    </section>
    <div class="grayline"></div>

</section>

<@netCommon.commonFooter footer friendLink copyright i18n/>

<@netCommon.commonScript />

<script>
    $(function () {



        $('#art-search').click(function () {
            window.location.href = '/works/index?bizValue19='+ replaceStr($("#art-search-input").val())
        })
    })
</script>
</body>

</html>